html, body {
        margin: 0px;
        padding: 0px;
    }

*{
    font-size: 12px;
}

    div {
        user-select: none;
    }

    #app {
        width: 980px;
        margin: auto;
        min-height: 500px;
    }

    .nav {
        padding: 5px;
        background: url(images/menubg2.gif) repeat-x;
        border: 1px #ccc solid;
        display: flex;
        justify-content: space-between;
        margin-bottom: 3px;
    }

    .nav:last-child{
        margin-bottom: 10px;
    }

    .bg-fleet {
        background: url(images/menubg.gif) repeat-x;
        color: #fff;
        justify-content: left;
    }

    .bg-fleet a {
        color: #fff;
        text-decoration: none;
        margin: 0px 3px;
    }

    form {
        margin-bottom: 0px;
        display: flex;
        justify-content: left;
        align-items: center;
        text-decoration: none;
    }

    form > * {
        margin: 0px 5px;
    }

    form > input, form > select, form > button {
        box-sizing: border-box;
        height: 21px;
    }

    /****************************************************************************/
    main {
        display: flex;
        justify-content: space-between;
    }

    #main-left {
        width: 585px;
        border: #00acd6 1px solid;
    }

    #main-right {
        width: 385px;
    }

    .tab-titles {
        background: #E1F3FD;
        height: 27px;
        border-bottom: #00acd6 1px solid;
        padding: 0px 40px;
        display: flex;
    }

    .tab-title {
        display: inline-block;
        box-sizing: border-box;
        height: 27px;
        padding: 5px 20px;
        border-left: #00acd6 1px solid;
    }

    .tab-title:last-child {
        border-right: #00acd6 1px solid;
    }

    .tab-title:hover {
        background-color: #fff;
        height: 28px;
    }


    .tab-body {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }

    .tab-body > div {
        margin: 10px 5px;
        text-align: center;
    }

    .tab-body > div img {
        padding: 2px;
        border: 1px #ccc solid;
    }

    .tab-body > div > a {
        display: block;
        FONT-WEIGHT: bold;
        FONT-SIZE: 14px;
        COLOR: #ff0000;
        margin: 5px auto
    }

    /********************************************************************/
    .flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .box {
        border: #00acd6 1px solid;
        margin-bottom: 10px;
    }

    .box-title {
        border-bottom: #00acd6 1px solid;
        background-color: #F0F8FF;
        padding: 2px 5px 2px 0px;
    }

    .box-body {
        padding: 5px 0px;
        flex-wrap: wrap;
    }

    .box-body > span {
        display: inline-block;
        box-sizing: border-box;
        width: 50%;
        padding: 3px 5px;
    }

    /*******************************************************************/
    footer dd > a {
        margin: 5px 20px;
        display: inline-block;
    }
